<!--
 * @Author: WangGuojian 1085844536@qq.com
 * @Date: 2023-09-01 19:22:01
 * @LastEditTime: 2023-09-01 19:27:36
 * @LastEditors: WangGuojian 1085844536@qq.com
 * @FilePath: \html\code\1_HTML\19_超链接_跳转锚点.html
 * @Description:
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>超链接_跳转锚点</title>
    </head>
    <body>
        <a href="#htl">看灰太狼</a>
        <a href="#atm">看奥特曼</a>

        <p>我是一只羊，一只很肥美的羊</p>
        <img src="./path_test/a/喜羊羊.jpg" alt="喜羊羊" />

        <a name="htl"></a>
        <p>我是一只狼，一只很邪恶的狼</p>
        <img src="./path_test/a/b/灰太狼.jpg" alt="灰太狼" />

        <p id="atm">我是一只奥特曼，一只很能打的奥特曼</p>
        <img src="./奥特曼.jpg" alt="奥特曼" />

        <p>我是一只怪兽，一只很丑的怪兽</p>
        <img src="./path_test/怪兽.jpg" alt="怪兽" />

        <p>整体的介绍完毕了</p>
        <a href="#">回到顶部</a>
        <a href="">刷新页面</a>
        <a href="javascript:alert(666);">点我弹窗</a>
    </body>
</html>
